<#global ctx="http://localhost:8091"/>
<#global static = ctx/>
<#macro header title>
	<!DOCTYPE HTML>
	<html>
	<head>
	    <title>${title!'壹伍壹拾平台管理系统'}</title>
	    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    	<meta content='text/html;charset=utf-8' http-equiv='content-type'>
	    <link rel="stylesheet" media="all" href="${static}/js/components/bootstrap/dist/css/bootstrap.css" />
	    <link rel="stylesheet" media="all" href="${static}/css/light-theme.css" />
	    <link rel="stylesheet" media="all" href="${static}/css/theme-colors.css" />

	    <link rel="stylesheet" media="all" href="${static}/js/components/bootstrap-daterangepicker/daterangepicker-bs3.css" />
	    <link rel="stylesheet" media="all" href="${static}/js/components/bootstrap-grid/css/simplePagingGrid-0.6.0.0.css" />
	    <link rel="stylesheet" media="all" href="${static}/js/components/selectize/dist/css/selectize.bootstrap3.css" />

	    <link rel="stylesheet" media="all" href="${static}/css/admin.css" />
	    <script>
	    	window.ctx = '${ctx}';
	    </script>
	</head>
</#macro>	
<#macro body title>
	<body class="contrast-sea-blue fixed-header fixed-navigation">

	<#include "header.ftl"/>
	
	<div id='wrapper'>
	    <#include "menu.ftl"/>
	    <section id="content">
	        <div class='container'>
	            <div class='row' id='content-wrapper'>
	                <div class="col-xs-12">
	                    <div class="row">
	                        <div class="col-sm-12">
	                            <div class="page-header">
	                                <h1 class="pull-left">
	                                    <i class="icon-cog"></i>
	                                    <span>${title!''}</span>
	                                </h1>
	                                <!-- <div class="pull-right">
	                                    <ul class="breadcrumb">
	                                        <li>
	                                            <a href="index.html">
	                                                <i class="icon-bar-chart"></i>
	                                            </a>
	                                        </li>
	                                        <li class="separator">
	                                            <i class="icon-angle-right"></i>
	                                        </li>
	                                        <li>Layouts</li>
	                                        <li class="separator">
	                                            <i class="icon-angle-right"></i>
	                                        </li>
	                                        <li class="active">Fixed navigation &amp; header</li>
	                                    </ul>
	                                </div> -->
	                            </div>
	                        </div>
	                    </div>
	                    <#nested> 
	                </div>
	            </div>
	            <#include "footer.ftl"/>
	        </div>
	    </section>
	</div>
</#macro>
<#macro footer>	
	<#nested> 
	</body>
	</html>

</#macro>